<script setup>
	import { onLoad } from '@dcloudio/uni-app'
	import { ref } from 'vue'
	import { useUserStore } from '@/store/user'
	import { parseTime } from '@/utils/common'
	
	const user = useUserStore()
	const loading = ref(false)
	let type= ref('1')
	const agree = ref([])
	
	function next() {
		if(!agree.value.length) {
			uni.showToast({icon: 'none', title: '请阅读并勾选承诺书'})
			return
		}
		let url = type.value == '1'? '/pages/shop/deviceInfo?id=1&title=智慧监管餐车' : '/pages/shop/deviceInfo?id=2&title=办宴设备设施'
		uni.navigateTo({url})
	}
	
	onLoad((option) => {
		if(option.type) type.value = option.type || ''
	})
</script>

<template>
	<view class="app-container">
		<view class="app-content">
			<view class="title">
				智慧监管餐车及办宴设备使用协议
			</view>
			<view>
				甲方：云南相宴供应链科技有限公司
			</view>
			<view class="mg-bot">乙方：{{user.nickname}}（{{user.phone}}）</view>
			<view class="paragraph">
				鉴于甲方向乙方提供智慧监管餐车及办宴设备（以下简称 “设备”），依据《中华人民共和国民法典》等相关法规，经双方协商，达成如下协议：
			</view>
			<view class="paragraph-title">
				一、服务设备及用途
			</view>
			<view class="paragraph">
				1、甲方提供符合智慧监管要求的餐车及办宴设备，设备详情以订单为准。
			</view>
			<view class="paragraph">
				2、乙方仅能在本地合法开展餐饮经营及办宴活动时使用设备，不得违规使用，否则责任自负。未经甲方书面同意，不得改变设备用途。
			</view>
			<view class="paragraph-title">
				二、服务期限及交付
			</view>
			<view class="paragraph">
				1、每场设备服务期原则上不超 3 天，从智慧监管餐车出发时间起算，至宴席结束结算。
			</view>
			<view class="paragraph">
				2、甲方在约定起始时间前 2 小时内送设备到乙方指定地点，乙方在宴席结束后 2 小时内归还至甲方指定处。因乙方原因导致交付或归还延迟，乙方承担额外费用。
			</view>
			<view class="paragraph">
				3、约定起始时间：按订单约定，特殊情况双方协商调整。
			</view>
			<view class="paragraph">
				4、乙方指定地点：下单时确定，变更需提前 24 小时通知甲方。
			</view>
			<view class="paragraph">
				5、乙方归还设备应外观无损坏、部件齐全且能正常使用。验收未达标，按损坏情况修复或折旧赔偿。
			</view>
			<view class="paragraph-title">
				三、使用、安全责任
			</view>
			<view class="paragraph">
				1、乙方负责设备使用期间安全防护，及与第三方纠纷自行解决，给甲方造成损失需赔偿。因乙方原因导致的用电安全、人身安全、食品安全等事故，由乙方承担赔偿责任并及时通知甲方配合调查。
			</view>
			<view class="paragraph">
				2、妥善保管设备，因保管不善致设备被盗、损坏或灭失，按实际价值赔偿。
			</view>
			<view class="paragraph">
				3、由乙方使用餐车驾驶功能的，乙方需有合法驾驶资格才能驾驶，遵守交规且承担使用期间一切交通安全责任。
			</view>
			<view class="paragraph">
				4、不得擅自转租、转借设备，否则承担由此造成的一切损害责任。
			</view>
			<view class="paragraph">
				5、不得擅自拆解设备，否则承担损失。
			</view>
			<view class="paragraph-title">
				四、损坏赔偿
			</view>
			<view class="paragraph">
				1、设备交付后损坏，乙方 1 小时内通知甲方并提交损坏报告。
			</view>
			<view class="paragraph">
				2、因乙方原因致损，承担修复费用；无法修复或修复后功能异常，按购置价及使用年限折旧赔偿。甲方选修复或赔偿方式，乙方 5 天内完成，否则甲方从预付款或押金中扣除，不足部分乙方补足。
			</view>
			<view class="paragraph-title">
				五、保险
			</view>
			<view class="paragraph">
				1、甲方为设备买基本财产险，因乙方原因致保险事故，免赔及赔偿不足部分由乙方承担。乙方配合甲方理赔。
			</view>
			<view class="paragraph-title">
				六、费用及支付
			</view>
			<view class="paragraph">
				1、乙方按约定支付服务费用，下单时需付预付款，剩余金额在设备交付前付清。
			</view>
			<view class="paragraph">
				2、甲方指定收款账号：
			</view>
			<view class="paragraph">
				账户名称:云南相宴供应链科技有限公司
			</view>
			<view class="paragraph">
				账户号码:1100088099941012
			</view>
			<view class="paragraph">
				开户银行:云南寻甸农村商业银行股份有限公司
			</view>
			<view class="paragraph">
				乙方未向甲方指定账号付款导致损失，甲方不担责且乙方付款义务不免除。
			</view>
			<view class="paragraph-title">
				七、违约责任
			</view>
			<view class="paragraph">
				1、甲方未按时交付设备超 1 天，乙方有权解约，甲方退预付款并按预付款 5% 付违约金。
			</view>
			<view class="paragraph">
				2、乙方逾期付款，甲方未交付时有权暂停交付。乙方每日按欠付价款5%付违约金并赔偿甲方损失。逾期超 2 日，甲方有权解约，乙方赔偿甲方全部损失。
			</view>
			<view class="paragraph">
				3、任何一方违约，赔偿对方直接损失、可得利益损失及维权合理费用（如律师费、诉讼费、财产保全费及保全保险费等）。
			</view>
			<view class="paragraph-title">
				八、协议解除
			</view>
			<view class="paragraph">
				(一）使用服务期内，乙方有下列情形之一，甲方有权解除协议，要求乙方停止使用并归还设备：
			</view>
			<view class="paragraph">
				1、利用设备从事违法违规活动；
			</view>
			<view class="paragraph">
				2、超出服务区域使用设备；
			</view>
			<view class="paragraph">
				3、未按约支付，经催告仍未支付；
			</view>
			<view class="paragraph">
				4、擅自转租、转借、拆解设备。
			</view>
			<view class="paragraph">
				（二）乙方因甲方设备质量问题或未按时交付，经催告未解决，有权解除协议。
			</view>
			<view class="paragraph">
				（三）协议解除后，双方结算费用、归还设备、赔偿损失。
			</view>
			<view class="paragraph-title">
				九、争议解决及送达
			</view>
			<view class="paragraph">
				1、本协议适用中国法律，先协商，协商不成向甲方所在地法院起诉。
			</view>
			<view class="paragraph">
				2、双方确认送达地址，按此送达通知等文书。地址变更需 3 日内书面通知对方，否则按原地址送达视为送达。
			</view>
			<view class="paragraph-title">
				十、其他
			</view>
			<view class="paragraph">
				1、协议变更、补充需书面协商一致并签补充协议。因不可抗力或政府行为致协议无法履行，双方互不担责，协商变更或解除。
			</view>
			<view class="paragraph">
				2、若本协议通过网络线上签订，则本协议自乙方线上点击 “知晓并同意” 且甲方收到预付款生效。
			</view>
			<view class="paragraph">
				3、如协议为双方线下书面签订，则本协议自甲乙双方签章（法人或组织盖章，自然人签字）后，且甲方收到预付款时生效。
			</view>
			<view class="paragraph">
				4、本协议最终解释权归甲方所有。
			</view>
			<view class="time">签订日期：{{parseTime(new Date(), '{y}年{m}月{d}日')}}</view>
		</view>
		<view class="app-bottom">
			<uv-checkbox-group v-model="agree" placement="column" size="30" iconSize="22" labelSize="28" labelColor="#626466" activeColor="#FA3F00">
				<uv-checkbox name="true" label="我同意并遵守以上承诺书"></uv-checkbox>
			</uv-checkbox-group>
			<uv-button color="linear-gradient( 102deg, #FA3F00 0%, #FF7445 100%)" shape="circle" text="下一步" :custom-style="{width: '100%', height: '84rpx'}" 
				@click="next"></uv-button>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.app-container{
		padding: 32rpx 32rpx 228rpx;
		.app-content{
			padding: 32rpx;
			background-color: #FFFFFF;
			border-radius: 32rpx;
			.title{
				font-size: var(--theme-xl);
				line-height: var(--theme-xl-line);
				font-weight: 600;
				text-align: center;
				padding-bottom: 24rpx;
				border-bottom: 2rpx solid #EEEEEE;
				margin-bottom: 24rpx;
			}
			.paragraph-title{
				margin-top: 16rpx;
				margin-bottom: 16rpx;
				font-weight: 600;
				font-size: var(--theme-lg);
				line-height: var(--theme-lg-line);
			}
			.mg-bot{
				margin-bottom: 32rpx;
			}
			.paragraph{
				text-indent: 2rem;
			}
			.time {
				margin-top: 48rpx;
				margin-bottom: 16rpx;
				text-align: right;
			}
		}
		.app-bottom{
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0rpx;
			height: 196rpx;
			padding: 24rpx 32rpx;
			background-color: #FFFFFF;
			box-shadow: 0rpx -8rpx 8rpx 0rpx rgba(0,0,0,0.04);
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 24rpx;
		}
	}
</style>